<template>
  <div class="not-found">
    <div class="container">
      <div class="not-found__content">
        <img src="../../assets/img/svg/404.svg" alt="404" />
        <p>
          抱歉，您访问的页面不存在，点击此处<a
            href="javascript:void(0)"
            @click="$router.push('/main')"
            >返回首页</a
          >。
        </p>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.not-found {
  .container {
    max-width: 1226px;
    min-width: 375px;
    margin: 0 auto;
    padding: 16px;

    .not-found__content {
      img {
        display: block;
        max-width: 600px;
        min-width: 300px;
        width: 100%;
        margin: 0 auto;
      }

      p {
        text-align: center;
        font-size: 36px;
        color: #666;
        margin-top: 10px;
        a {
          color: #6cb8ff;
        }
      }
    }
  }
}
</style>
